<template>
	<div class="ben">
		<el-collapse v-model="activeNames" @change="handleChange">
		  <el-collapse-item title="违规商家" name="1">
		    <div>商品未按要求销售</div>
		    <div>封禁7天</div>
		  </el-collapse-item>
		  <el-collapse-item title="违规用户" name="2">
		    <div>不正当言论</div>
		    <div>永久封禁</div>
		  </el-collapse-item>
		  <el-collapse-item title="违规用户" name="3">
		    <div>发布垃圾广告</div>
		    <div>封禁7天</div>
		  </el-collapse-item>
		  <el-collapse-item title="违规商家" name="4">
		    <div>商家虚假宣传，欺骗消费者</div>
		    <div>永久封禁</div>
		  </el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>
	 export default {
	    data() {
	      return {
	        activeNames: ['1']
	      };
	    },
	    methods: {
	      handleChange(val) {
	        console.log(val);
	      }
	    }
	  }
</script>

<style>
</style>
